﻿
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
<title>VR</title>
<script src="./vr_files/browserdetect.js" type="text/javascript" charset="utf-8"></script>
<script src="./vr_files/library.js" type="text/javascript" charset="utf-8"></script>
<script src="./vr_files/vr_spinner.js" type="text/javascript" charset="utf-8"></script>
<script src="./vr_files/vr.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="./vr_files/vr.css" type="text/css" media="screen">
<style>
*{-webkit-transform-style: preserve-3d;}
</style>
<body>
<div id="vr">
	<section id="vr-main">
		<div id="vr-clipper">
			<div id="vr-container">
				<div id="vr-position">
					<div id="rotor-x" style="-webkit-transform: rotateX(0rad);">
						<div id="rotateX">
							<div id="rotor-y" style="-webkit-transform: rotateY(-0.6rad);">
								<div id="rotateY">
									<div id="cube" style="-webkit-transform-style: preserve-3d;"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</div>
<canvas id="canvas" width="1500" height="1500" style="display:none;"></canvas>
<script src="./vr_files/360.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>